li前面的小圆点样式修改

您所在的位置:网站首页 小圆点 设置 li前面的小圆点样式修改

li前面的小圆点样式修改

2023-07-28 20:45| 来源: 网络整理| 查看: 265

css中用list-style-type指定列表(lists)前面符号,如下: li {list-style-type:符号名称}

符号名称可用的值为: disc :  CSS1 实心圆 circle :  CSS1 空心圆 square :  CSS1 实心方块 decimal :  CSS1 阿拉伯数字 lower-roman :  CSS1 小写罗马数字 upper-roman :  CSS1 大写罗马数字 lower-alpha :  CSS1 小写英文字母 upper-alpha :  CSS1 大写英文字母 none :  CSS1 不使用项目符号 armenian :  CSS2 传统的亚美尼亚数字 cjk-ideographic :  CSS2 浅白的表意数字 georgian :  CSS2 传统的乔治数字 lower-greek :  CSS2 基本的希腊小写字母 hebrew :  CSS2 传统的希伯莱数字 hiragana :  CSS2 日文平假名字符 hiragana-iroha :  CSS2 日文平假名序号 katakana :  CSS2 日文片假名字符 katakana-iroha :  CSS2 日文片假名序号 lower-latin :  CSS2 小写拉丁字母 upper-latin :  CSS2 大写拉丁字母

css 如何控制ul元素list-style-type:disc点的大小

方式一:通过设置li的font-size的值来实现改变disc点的大小 2. 方式二:通过使用before伪类来自定义disc点的大小 li:before { content: ""; display: inline-block; width: 10px; height: 10px; background-color: red; border-radius: 50%; margin-right:5px; }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3